<template>
  <div class="sb_navbar_div">
    <div class="iconfont icon-xiaoxizhongxin"></div>
    <div class="iconfont icon-sousuo" @click="goToSearch()">最新女装</div>
    <div class="iconfont icon-gouwuche" @click="gotoShopBar()"></div>
  </div>
</template>

<script>
export default {
    methods: {
        goToSearch() {
            this.$router.push({ path: "/search" });
        },
        gotoShopBar(){
            this.$router.push({ path: "/mogujie/car" });
        }
    }
};
</script>


<style lang="less" scoped>
.sb_navbar_div {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 100px;
    div {
        font-size: 50px;/*px*/
        color: black;
    }
    .icon-sousuo {
        width: 560px;
        height: 60px;
        font-size: 30px;/*px*/
        border: 1px solid #ccc;
        border-radius: 10px;
        padding-left: 30px;
        background: #ebebeb;
        line-height: 60px;
    }
}
</style>

